import VueRouter from "vue-router";
import Basic from "@/pages/Basic";
import Form from "@/pages/Form";
import FormRadio from "@/pages/FormRadio";
import FormCheckbox from "@/pages/FormCheckbox";
import FormInput from "@/pages/FormInput";
import BasicLayout from "@/pages/BasicLayout";
import BasicContainer from "@/pages/BasicContainer";
import BasicButton from "@/pages/BasicButton";
import FormSelect from "@/pages/FormSelect";
import FormDate from "@/pages/FormDate";
import FormUpload from "@/pages/FormUpload";
import FormForm from "@/pages/FormForm";
import FormOther from "@/pages/FormOther";
import Data from "@/pages/Data";
import DataTable from "@/pages/DataTable";
import DataDescription from "@/pages/DataDescription";
import DataOther from "@/pages/DataOther";
import NoticeAlert from "@/pages/NoticeAlert";
import Notice from "@/pages/Notice";
import NoticeMessage from "@/pages/NoticeMessage";
import Nav from "@/pages/Nav";
import NavMenu from "@/pages/NavMenu";
import NavTabs from "@/pages/NavTabs";
import NavOther from "@/pages/NavOther";
import Other from "@/pages/Other";
import OtherDialog from "@/pages/OtherDialog";
import OtherCard from "@/pages/OtherCard";
import OtherCarousel from "@/pages/OtherCarousel";
import OtherOther from "@/pages/OtherOther";

export default new VueRouter({
    routes:[
        {
            path:"/basic",
            component:Basic,
            children:[
                {
                    path:"layout",
                    component: BasicLayout
                },
                {
                    path:"container",
                    component: BasicContainer
                },
                {
                    path:"button",
                    component: BasicButton
                }
            ]
        },
        {
            path:"/form",
            component:Form,
            children:[
                {
                    path:"radio",
                    component:FormRadio
                },
                {
                    path:"checkbox",
                    component:FormCheckbox
                },
                {
                    path:"input",
                    component:FormInput
                },
                {
                    path:"select",
                    component:FormSelect
                },
                {
                    path:"date",
                    component:FormDate
                },
                {
                    path:"upload",
                    component:FormUpload
                },
                {
                    path:"other",
                    component:FormOther
                },
                {
                    path:"form",
                    component:FormForm
                }
            ]
        },
        {
            path:"/data",
            component:Data,
            children:[
                {
                    path:"table",
                    component:DataTable
                },
                {
                    path:"des",
                    component:DataDescription
                },
                {
                    path:"other",
                    component:DataOther
                }
            ]
        },
        {
            path:"/notice",
            component:Notice,
            children:[
                {
                    path:"alert",
                    component:NoticeAlert
                },
                {
                    path:"message",
                    component:NoticeMessage
                }
            ]
        },
        {
            path:"/nav",
            component:Nav,
            children:[
                {
                    path:"menu",
                    component:NavMenu
                },
                {
                    path:"tabs",
                    component:NavTabs
                },
                {
                    path:"other",
                    component:NavOther
                }
            ]
        },
        {
            path:"/other",
            component:Other,
            children:[
                {
                    path:"dialog",
                    component:OtherDialog
                },
                {
                    path:"card",
                    component:OtherCard
                },
                {
                    path:"carousel",
                    component:OtherCarousel
                },
                {
                    path:"other",
                    component:OtherOther
                }
            ]
        },
    ]
})